﻿<p>
This example shows how set the client-side template of a bound column. Templates allow you to customize
the way the data is presented in the grid. Client-side templates are used in ajax and web service binding.
</p>
<p>
    To set the client-side template use the <code>ClientTemplate</code> method. You can use <code>&lt;#= #&gt;</code> to embed databound expressions in a similar
    way to server side templates
</p>
<pre class="prettyprint">
&lt;%= Html.Telerik().Grid&lt;Customer&gt;()
        .Name("Grid")
        .Columns(columns =&gt;
        {
            columns.Bound(c =&gt; c.CustomerID)
                <em>.ClientTemplate</em>("&lt;img alt='<em>&lt;#= CustomerID #&gt;</em>' src='" 
                    + Url.Content("~/Content/Grid/Customers/") 
                    + <em>"&lt;#= CustomerID #&gt;</em>.jpg' /&gt;")
                .Title("Picture");
            //omitted for brevity
        }
%&gt;
</pre>